{% extends 'back/back_base.html' %}
{% from 'common/_macros.html' import static %}

{% block title %}
修改邮箱
{% endblock %}
{% block page_title %}
{{ self.title() }}
{% endblock %}

{% block head %}
{#    注意此处block head的用法   可以参考base文件，这个部位加载静态文件#}
    <style>
        .form-container{
            width: 600px;
        }
    </style>
    <script src="{{ static("back/js/resetemail.js") }}"></script>
{% endblock %}

{% block main_content %}
    {#    划定范围，定义提交信息的内容与方法，后面submit将会把信息提交#}
     <form action="" method="post">
         <div class="form-container">
            <div class="form-group">
                <div class="input-group">
                    {#                    type若为text，则输入密码时是可见的#}
                    <input type="email" class="form-control" name="email" placeholder="请输入新邮箱">
{#                    span中内容需要有个id，用于前端ajax获取点击事件#}
                    <span class=" input-group-addon" id="captcha-btn" style="cursor:pointer">获取验证码</span>
                </div>
            </div>
            <div class="form-group">
{#                验证码的名称叫captcha#}
                <input type="text" class="form-control" name="captcha" placeholder="邮箱验证码">
            </div>
            <div class="form-group">
                <button id="submit" class="btn btn-primary">立即修改</button>
            </div>
        </div>
    </form>
{% endblock %}